<?php if (!defined('THINK_PATH')) exit();?><!doctype html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0"/>
    <title>Listen美食城</title>
    <link rel="stylesheet" type="text/css" href="/Public/assets/home/assets/images/favicon.ico">
    <link rel="stylesheet" type="text/css" href="/Public/assets/home/vendors/slick/slick/slick.css"/>
    <link rel="stylesheet" type="text/css" href="/Public/assets/home/vendors/font-awesome/css/font-awesome.css"/>
    <link rel="stylesheet" type="text/css" href="/Public/assets/home/assets/css/common.css"/>

    
    <link rel="stylesheet" href="/Public/assets/home/vendors/mobiscroll-master/css/mobiscroll.frame.css">
    <link rel="stylesheet" href="/Public/assets/home/vendors/mobiscroll-master/css/mobiscroll.scroller.css">

</head>
<body>

<div class="logo">
    <h1><a href="<?php echo U('Index/index');?>">
        <img class="img-responsive" src="/Public/assets/home/assets/images/favicon.ico"/></a>
    </h1>

    <h3>Listen美食城</h3>

    <div class="clears"></div>
</div>




    <section class="confirm">
        <h3>收货地址</h3>

        <dl class="address" id="chooseAddress" data-address="<?php echo ($address["id"]); ?>">
            <dt>姓名：<?php echo ($address["name"]); ?> &nbsp;&nbsp;&nbsp;&nbsp;电话：<?php echo ($address["tel"]); ?></dt>
            <dd>地址：<?php echo ($address["area"]); ?> <?php echo ($address["address"]); ?></dd>
        </dl>

        <p id="createAddress"><b class="fa fa-plus-circle"></b> 新增收货地址</p>

        <div class="address-form" style="padding-bottom: 14px; display: none;">
            <form action="">
                <div class="control">
                    <label>姓名</label>
                    <input name="name" id="name" type="text" placeholder="请填写收货人姓名"/>
                </div>

                <div class="control">
                    <label>电话</label>
                    <input name="tel" id="tel" type="text" placeholder="请填写收货人电话"/>
                </div>

                <div class="control">
                    <label>地区</label>
                    <input name="area" id="area" type="text" placeholder="请选择地区"/>
                </div>

                <div class="control">
                    <label>地址</label>
                    <input name="address" id="address" type="text" placeholder="请填写详细地址"/>
                </div>

                <p class="operate">
                    <a id="add_address" class="primary" href="">新增</a>
                    <a class="cancel" href="">取消</a>
                </p>
            </form>
        </div>

        <h3>购物清单</h3>

        <?php if(is_array($carts)): $i = 0; $__LIST__ = $carts;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$cart): $mod = ($i % 2 );++$i;?><dl class="good">
                <dt>
                    <img class="img-responsive" src="<?php echo ($cart["product"]["thumb"]); ?>" alt="产品图片"/>
                </dt>
                <dd><?php echo ($cart["product"]["name"]); ?></dd>
                <dd>
                    <span>x <?php echo ($cart["num"]); ?></span> ¥ <?php echo ($cart["product"]["price"]); ?>元
                </dd>
            </dl><?php endforeach; endif; else: echo "" ;endif; ?>
        <p id="total">总金额：<span>¥</span> <span id="total-price"><?php echo (number_format($total,2)); ?> </span></p>

        <a href="javascript:;"><input class="submit" type="submit" value="我要下单"/></a>
    </section>




<?php if(($count_carts) > "0"): ?><a href="<?php echo U('Cart/index');?>" id="btn-cart">
        <i class="fa fa-shopping-cart"></i><span><?php echo ($count_carts); ?></span>
    </a><?php endif; ?>

<a href="javascript:;" id="to_top" onclick="goTop();return false;">返回</a>

<div class="footer">
    <p data-id="<?php echo ($_SESSION['customer']); ?>">
        <a href="<?php echo U('Index/index');?>">商城首页</a>
        <a href="<?php echo U('Cart/index');?>">购物车</a>
        <a href="javascript:;" id="customer">会员中心</a>
        <!--<a href="javascript:;" id="login">登录中心</a>-->
    </p>

    <dl>
        <dd><a href="javascript:void(0);">Listen To The Word!</a></dd>
    </dl>
</div>

<script type="text/javascript" src="/Public/assets/home/assets/js/jquery.min.js"></script>
<script type="text/javascript" src="/Public/assets/home/vendors/slick/slick/slick.js"></script>
<script type="text/javascript" src="/Public/assets/home/assets/js/index.js"></script>
<script type="text/javascript">
    /**
     * 回到页面顶部
     * @param acceleration 加速度
     * @param time 时间间隔 (毫秒)
     **/
    function goTop(acceleration, time) {
        acceleration = acceleration || 0.1;
        time = time || 16;

        var x1 = 0;
        var y1 = 0;
        var x2 = 0;
        var y2 = 0;
        var x3 = 0;
        var y3 = 0;

        if (document.documentElement) {
            x1 = document.documentElement.scrollLeft || 0;
            y1 = document.documentElement.scrollTop || 0;
        }
        if (document.body) {
            x2 = document.body.scrollLeft || 0;
            y2 = document.body.scrollTop || 0;
        }
        var x3 = window.scrollX || 0;
        var y3 = window.scrollY || 0;

// 滚动条到页面顶部的水平距离
        var x = Math.max(x1, Math.max(x2, x3));
// 滚动条到页面顶部的垂直距离
        var y = Math.max(y1, Math.max(y2, y3));

// 滚动距离 = 目前距离 / 速度, 因为距离原来越小, 速度是大于 1 的数, 所以滚动距离会越来越小
        var speed = 1 + acceleration;
        window.scrollTo(Math.floor(x / speed), Math.floor(y / speed));

// 如果距离不为零, 继续调用迭代本函数
        if (x > 0 || y > 0) {
            var invokeFunction = "goTop(" + acceleration + ", " + time + ")";
            window.setTimeout(invokeFunction, time);
        }
    }


    //判断用户是否登录
    $(function () {
        //会员中心判断
        $('#customer').click(function () {
            if ($(this).parents('p').attr('data-id')) {
                location.href = "<?php echo U('Customer/index');?>";
            } else {
                alert('你未登录,请登录后访问!!!');
                location.href = "<?php echo U('Customer/login');?>";
            }
        })

        // //登录中心判断
        // $('#login').click(function () {
        //     if ($(this).parents('p').attr('data-id')) {
        //         location.href = "<?php echo U('Customer/index');?>";
        //     } else {
        //         location.href = "<?php echo U('Customer/login');?>";
        //     }
        // })
    })

</script>

    <script src="/Public/assets/home/vendors/mobiscroll-master/js/mobiscroll.core.js"></script>
    <script src="/Public/assets/home/vendors/mobiscroll-master/js/mobiscroll.frame.js"></script>
    <script src="/Public/assets/home/vendors/mobiscroll-master/js/mobiscroll.scroller.js"></script>
    <script src="/Public/assets/home/vendors/mobiscroll-master/js/mobiscroll.select.js"></script>
    <script src="/Public/assets/home/vendors/mobiscroll-master/js/i18n/mobiscroll.i18n.zh.js"></script>

    <script src="/Public/assets/home/assets/js/areas.js"></script>
    <script type="text/javascript">
        $(function () {
            //显示新增地址
            $('#createAddress').click(function () {
                $(this).next().toggle();
            });

            //收起新增地址
            $('.cancel').click(function () {
                $(this).parents('.address-form').hide();
                return false;
            });

            //省市区插件
            $('#area').mobiscroll().scroller({
                theme: 'mobiscroll',
                lang: 'zh',
                display: 'top',
                fixedWidth: [100, 100, 100],
                onBeforeShow: function (inst) {
                    var areaList = new Areas();
                    inst.settings.wheels = [[areaList.getData(1), areaList.getData(inst._tempWheelArray[0]), areaList.getData(inst._tempWheelArray[1])]];
                },

                parseValue: function (val) {
                    return [110000, 110100, 110101];
                },

                validate: function (html, index, time, dir, inst) {
                    var areaList = new Areas();

                    if (index == 0) {
                        inst.settings.wheels[0][1] = areaList.getData(inst._tempWheelArray[0]);
                        inst.changeWheel([1]);

                        inst.settings.wheels[0][2] = areaList.getData(inst._tempWheelArray[1]);
                        inst.changeWheel([2]);
                    }

                    if (index == 1) {
                        inst.settings.wheels[0][2] = areaList.getData(inst._tempWheelArray[1]);
                        inst.changeWheel([2]);
                    }
                },

                formatValue: function (data) {
                    var areaList = new Areas();
                    return areaList.getNameById(data[0]) + ' ' + areaList.getNameById(data[1]) + ' ' + areaList.getNameById(data[2]);
                }
            });

            //新增地址
            $("#add_address").click(function () {
                var info = {
                    name : $("#name").val(),
                    tel : $("#tel").val(),
                    area : $("#area").val(),
                    address : $("#address").val(),
                };

                if(info.name.length < 5 || info.name.length > 20){
                    alert('用户名的长度必须在5-20之间');return false;
                }
                //手机号正则
                var mobile = /^13[\d]{9}$|^14[5,7]{1}\d{8}$|^15[^4]{1}\d{8}$|^17[0,6,7,8]{1}\d{8}$|^18[\d]{9}$/;
                if(!mobile.test(info.tel)){
                   alert('手机号格式不正确');return false;
                }

                $.post("<?php echo U('Order/order_address');?>",info,function (info) {
                    if(info.status == 1){
                        alert(info.msg);
                        $('.cancel').parents('.address-form').hide();
                    }else{
                        alert(info.msg);
                    }
                })
                return false;
            })

            //我要下单
            $(".submit").click(function () {
                var address_id = $("#chooseAddress").data('address');
                if (address_id == "") {
                    alert('请填写收货地址');
                    return false;
                }

                $.post("<?php echo U('store');?>",{address_id:address_id},function (info) {
                    if(info.status == 0){
                        alert(info.msg);
                        return false;
                    }else {
                        alert(info.msg);
                        location.href="confirm/id/"+info.id+".html"; //下单成功后跳到商城首页
                    }
                });
                return false;
            })

        });
    </script>

</body>
</html>